<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小U商城 - 创维</title>
</head>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/public.css">
<link rel="stylesheet" href="./font/iconfont.css">
<link rel="stylesheet" href="./font_2/iconfont.css">
<link rel="stylesheet" href="css/goods.css">
<link rel="shortcut icon" href="images/xiaou_logo.png" type="image/x-icon">
<body>
    <!-- 顶部 -->
    <div id="header_box">
        <div class="type_area header">
            <!-- 左边 -->
            <ul class="left">
                <li>
                    <a href="#">网站导航</a>
                    <span class="iconfont">&#xe520;</span>
                </li>
                <li>
                    <a href="#">商家入驻</a>
                    <span class="iconfont">&#xe520;</span>
                </li>
                <li>
                    <a href="#">客户服务</a>
                    <span class="iconfont">&#xe520;</span>
                </li>
                <li>
                    <i class="iconfont">&#xed14;</i>
                    <a href="#">北京</a>
                    <em class="iconfont">&#xe502;</em>
                </li>
            </ul>
            <!-- 右边 -->
            <ul class="right">
                <li>
                    <a href="#">请登录</a>
                </li>
                <li>
                    <a href="#">注册有礼</a>
                </li>
                <li>
                    <a href="#">我的订单</a>
                    <span class="iconfont">&#xe520;</span>
                </li>
                <li>
                    <a href="#">我的易购</a>
                    <span class="iconfont">&#xe520;</span>
                </li>
                <li>
                    <a href="#">小U会员</a>
                </li>
                <li>
                    <i class="iconfont">&#xf0179;</i>
                    <a href="#">购物车 0</a>
                    <em class="iconfont">&#xe520;</em>
                </li>
                <li>
                    <a href="#">易付宝</a>
                </li>
                <li>
                    <a href="#">企业采购</a>
                </li>
                <li>
                    <a href="#">手机小U</a>
                    <span class="iconfont">&#xe520;</span>
                </li>
            </ul>
        </div>
    </div>
    
    <!-- 头部 -->
    <div id="head_box">
        <div class="type_area">

            <!-- 头部上 -->
            <div class="top1">
                <h1>
                    <img src="images/logo.jpg" alt="小U商城logo">
                </h1>
                <div class="search_box">
                    <form action="">
                        <input type="text" class="keyword iconfont" placeholder="&#xe501; 跨店每满300减30">
                        <input type="submit" value="搜索" class="btn">
                    </form>
                    <p class="subNav">
                        <a href="#">手机</a><i>|</i>
                        <a href="#">电动牙刷</a><i>|</i>
                        <a href="#">电视</a><i>|</i>
                        <a href="#">海尔空调</a><i>|</i>
                        <a href="#">洗衣机</a><i>|</i>
                        <a href="#">茅台</a><i>|</i>
                        <a href="#">热水器</a><i>|</i>
                        <a href="#">iPad</a><i>|</i>
                        <a href="#">微波炉</a>

                    </p>
                </div>
            </div>

            <!-- 头部下 -->
            <div class="bottom">
                <p>
                    <span class="iconfont">&#xe62f;</span>
                    全部商品分类
                </p>

                <ul>
                    <li>
                        <a href="#">限时抢购</a>
                    </li>
                    <li>
                        <a href="#">红孩子</a>
                    </li>
                    <li>
                        <a href="#">小U超市</a>
                    </li>
                    <li>
                        <a href="#">电器城</a>
                    </li>
                    <li>
                        <a href="#">生活家店</a>
                    </li>
                    <li>
                        <a href="#">时尚服饰</a>
                    </li>
                    <li>
                        <a href="#">金融</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 产品类目 -->
    <div id="goodsType">
        <div class="type_area clearfix">
            <p>
                首页
                <span class="iconfont">&#xe600;</span>
            </p>
            <p>
                家用电器
                <span class="iconfont">&#xe600;</span>
            </p>
            <p>
                电视机
                <span class="iconfont">&#xe600;</span>
            </p>
            <p>
                创维（SKYWORTH）
                <span class="iconfont">&#xe600;</span>
            </p>
            <p>
                创维（SKYWORTH）平板电视
            </p>
        </div>

    </div>

    <!-- 商品详情头部 -->
    <div id="goodsTop">
        <div class="type_area clearfix">
            <!-- 商品详情头部左边 -->
            <div class="left">
                <p>
                    <img src="images/zhutu.jpg" alt="">
                </p>
                <span class="iconfont">&#xe501;</span>
                <p class="p2">
                    <span class="iconfont">&#xe601;</span>
                    <img src="images/zhutu1.jpg" alt="">
                    <img src="images/zhutu2.jpg" alt="">
                    <img src="images/zhutu3.jpg" alt="">
                    <img src="images/zhutu4.jpg" alt="">
                    <img src="images/zhutu5.jpg" alt="">
                    <span class="iconfont">&#xe600;</span>
                </p>
            </div>

            <!-- 商品详情头部右边 -->
            <div class="right"> 
                <!-- 上 -->
                <div class="right_top">
                    <em>创维（SKYWORTH）60G20 60英寸 电视 人工智能 4K超画质芯片 HDR10 智能网络 超薄全面屏液晶平板电视机</em>
                    <p>
                        <span>【门店同款】立即抢购！9号不高于3199！前200名 晒单送1399元JBL重低音！下单送苹果华为通用蓝牙耳机！旗舰声控电视，可家电互联。咨询客服有惊喜！全国联保 官方正品</span>
                        <a href="#">点击查看活动详情！</a>
                    </p>
                </div>
                <!-- 中 -->
                <div class="right_middle">
                    <div>
                        <p>
                            <span>促销价</span>
                            <em>￥3199.00</em>
                            <i>降价通知</i>
                        </p>
                        <p>
                            <span>累计评价</span>
                            <a href="#">7800+</a>
                        </p>
                        <p class="p3">
                            <span>运费</span>
                            <i>满19包邮</i>
                        </p>
                    </div>

                    <p class="iconfont"><em>&#xe6b5;</em>收藏</p>
                </div>
                <!-- 下 -->
                <div class="right_bottom">
                    <div class="box1">
                        <span>选择型号</span>
                        <span>4K超大屏人工智能新品-70G20</span>
                        <span>全生态AI旗舰智慧屏新品-55H90</span>
                        <span>全生态AI高端智慧屏新品-55A8</span>
                        <span>全生态AI声控智慧屏-55A5</span>
                    </div>
                    <div class="box2">
                        <span class="abc">购买数量</span>
                        <span class="iconfont">&#xe613;</span>
                        <span>1</span>
                        <span class="iconfont">&#xe6c3;</span>
                    </div>
                    <form action="">
                        <input type="button" value="&#xf0179;加入购物车" class="iconfont">
                        <input type="button" value="立即购买">
                    </form>
                </div>
            </div>
        </div>
    </div>

    <!-- 商品详情 -->
    <div id="goods">
        <div class="type_area clearfix">
            <!-- 商品详情 - 左边 -->
            <div class="left">
                <h2>商品推荐</h2>
                <ul>
                    <li>
                        <img src="images/pic1.jpg" alt="">
                        <p>海信（Hisense）</p>
                        <p>LED55EC760UC 55英寸曲面</p>
                        <span>￥4999.00</span>
                    </li>
                    <li>
                        <img src="images/pic1.jpg" alt="">
                        <p>海信（Hisense）</p>
                        <p>LED55EC760UC 55英寸曲面</p>
                        <span>￥4999.00</span>
                    </li>
                    <li>
                        <img src="images/pic1.jpg" alt="">
                        <p>海信（Hisense）</p>
                        <p>LED55EC760UC 55英寸曲面</p>
                        <span>￥4999.00</span>
                    </li>
                    <li>
                        <img src="images/pic1.jpg" alt="">
                        <p>海信（Hisense）</p>
                        <p>LED55EC760UC 55英寸曲面</p>
                        <span>￥4999.00</span>
                    </li>
                    <li>
                        <img src="images/pic1.jpg" alt="">
                        <p>海信（Hisense）</p>
                        <p>LED55EC760UC 55英寸曲面</p>
                        <span>￥4999.00</span>
                    </li>
                </ul>
            </div>

            <!-- 商品详情 - 右边 -->
            <div class="right">
                <!-- 商品信息 -->
                <div class="goods_msg clearfix">
                    <p>商品介绍</p>
                    <p>商品评价<span>（7000+）</span></p>
                    <p>售后保障</p>
                    <p></p>
                    <p class="iconfont">&#xf0179;加入购物车</p>
                    <h2>产品参数</h2>
                    <ul class="ul1">
                        <li>商品名称：创维（Skyworth）60G20</li>
                        <li>商品毛重：20.0kg</li>
                        <li>屏幕尺寸：50-60英寸</li>
                        <li>链接方式：无线/网线</li>
                        <li>能效等级：三级能效</li>
                    </ul>
                    <ul class="ul2">
                        <li>商品名称：</li>
                        <li>商品产地：中国大陆</li>
                        <li>选购指数：10.0-8.0</li>
                        <li>网络链接：支持有线&无线</li>
                    </ul>
                    <ul class="ul3">
                        <li>小U直营</li>
                        <li>观看距离：3m-4.5m（55-60英寸）</li>
                        <li>电视类型：全面屏，人工智能电视，超薄电视</li>
                        <li>工作电压：220</li>
                    </ul>
                </div>

                <!-- 商品详情页 -->
                <div class="detail">
                    <img src="images/detail_pic01.jpg" alt="">
                    <img src="images/detail_pic02.jpg" alt="">
                    <img src="images/detail_pic03.jpg" alt="">
                    <img src="images/detail_pic04.jpg" alt="">
                    <img src="images/detail_pic05.jpg" alt="">
                </div>
                <!-- 商品详情页导航 -->
                <div class="detail_nav">
                    <p>
                        
                        <span></span>
                        <i>产品细节</i>
                        <em class="em1"></em>
                    </p>
                    <p>
                        <span></span>
                        <i>产品外观</i>
                        <em class="em2"></em>
                    </p>
                    <p>
                        <span></span>
                        <i>AI系统</i>
                        <em class="em3"></em>
                    </p>
                    <p>
                        <span></span>
                        <i>使用方式</i>
                        <em class="em4"></em>
                    </p>
                    <p>
                        <span></span>
                        <i>温馨提示</i>
                    </p>
                    

                </div>

            </div>
        </div>
    </div>

    <!-- 页面底部 -->
    <div id="footer">
        <div class="type_area">
        <ul>
            <li class="top_li">
                <a href="#">购物指南</a>
            </li>
            <li>
                <a href="#">购物流程</a>
            </li>
            <li>
                <a href="#">支付方式</a>
            </li>
            <li>
                <a href="#">配送方式</a>
            </li>
        </ul>
        <ul>
            <li class="top_li">
                <a href="#">售后服务</a>
            </li>
            <li>
                <a href="#">售后政策</a>
            </li>
            <li>
                <a href="#">价格保护</a>
            </li>
            <li>
                <a href="#">退款说明</a>
            </li>
            <li>
                <a href="#">返修/退换货</a>
            </li>
            <li>
                <a href="#">取消订阅</a>
            </li>
        </ul>
        <ul>
            <li class="top_li">
                <a href="#">配送方式</a>
            </li>
            <li>
                <a href="#">上门自提</a>
            </li>
            <li>
                <a href="#">22限时达</a>
            </li>
            <li>
                <a href="#">配送服务查询</a>
            </li>
            <li>
                <a href="#">配送费收取标准</a>
            </li>
            <li>
                <a href="#">海外配送</a>
            </li>
        </ul>
        <ul>
            <li class="top_li">
                <a href="#">支付方式</a>
            </li>
            <li>
                <a href="#">网上支付</a>
            </li>
            <li>
                <a href="#">支付宝支付</a>
            </li>
            <li>
                <a href="#">邮局汇款</a>
            </li>
        </ul>
        <ul>
            <li class="top_li">
                <a href="#">用户帮助</a>
            </li>
            <li>
                <a href="#">免费注册</a>
            </li>
            <li>
                <a href="#">找回密码</a>
            </li>
            <li>
                <a href="#">常见问题</a>
            </li>
            <li>
                <a href="#">优惠劵使用</a>
            </li>
        </ul>
        </div>
    </div>

    <!-- 经营许可 -->
    <div id="copyright">
        <div class="type_area">
            <p>Copyright &copy; 2010-2016 小U商城 版权所有 保留一切权利</p>
            <p>经ICP备10218183号 经ICP证161188号 京公安备案 11010802020593号 出版物经营许可证新出发京批字第直130052号</p>
        </div>
    </div>
</body>
</html>